.vcenter {
    display: inline-block;
    vertical-align: middle;
    /*float: none;*/
}

.vertical-align {
    display: flex;
    align-items: center;
}

.oppiaineotsikko {
	text-align:center;
	font-size:2.5em;
	font-weight:bold;
	color:white;
	line-height:1.5em;
	margin-top:0.5em;
	margin-bottom: 0.5em;
    background: #abe4f8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#abe4f8), to(#74d0f4));
    background: -moz-linear-gradient(#abe4f8, #74d0f4);
    background: linear-gradient(#abe4f8, #74d0f4);
    border-top: solid 6px #589cb6;
}

.oppiaineotsikko2 {
	text-align:center;
	font-weight:bold;
	/*
	color:blue;
	border-color: #3333FF;
	border-radius:5px;
	background-color:darkturquoise;
	mmmargin-right:2em;
	ddddisplay:-moz-grid;
	*/
	padding:0.5em;
	display:inline-block;
	min-width:18em;
	font-size:0.9em;
	margin:0.5em;
}

.oppiaineotsikko2b {
    background: #abe4f8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#abe4f8), to(#74d0f4));
    background: -moz-linear-gradient(#abe4f8, #74d0f4);
    background: linear-gradient(#abe4f8, #74d0f4);
    border: solid 1px #8cc5d9;
    border-bottom: solid 3px #589cb6;
    box-shadow: inset 0 0 0 1px #cdeffb;
    color: #42788e;
    text-shadow: 0 1px 0 #b6e6f9; }
    
.oppiaineotsikko2b:hover {
    background: #80d4f5;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#80d4f5), to(#92dbf6));
    background: -moz-linear-gradient(#80d4f5, #92dbf6);
    background: linear-gradient(#80d4f5, #92dbf6);
    border: solid 1px #79acbe;
    border-bottom: solid 3px #589cb6;
    box-shadow: inset 0 0 0 1px #b2e6f8; }
    
.oppiaineotsikko2b:active {
    background: #89d2ee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#89d2ee), to(#84cae6));
    background: -moz-linear-gradient(#89d2ee, #84cae6);
    background: linear-gradient(#89d2ee, #84cae6);
    border: solid 1px #5c8d9f;
    box-shadow: inset 0 10px 15px 0 #79b9d2; }


.kouluaste {
	text-align:center;
	font-weight:bold;
	color:black;
	width:12em;
	margin:1em;
	display:inline-block;
	padding:1em;
	border-radius:8px;
	background-color:lightgreen;
	cursor:pointer;
	box-shadow: 0 0 8px gray;
}
.kouluaste:hover {
	box-shadow: 0 0 10px black;
}

.uutuudet {
	text-align:center;
	font-weight:bold;
	color:black;
	width:12em;
	margin:1em;
	display:inline-block;
	padding:1em;
	border-radius:10px;
	background-color:lightgreen;
	cursor:pointer;
	box-shadow: 0 0 8px gray;
}
.uutuudet:hover {
	box-shadow: 0 0 10px black;
}

.oppiainevalinta {
	text-align:center;
	cursor:pointer;
	margin-bottom:15px;
}

.uutuus {
	position:absolute;
	font-weight:bold;
	color: red;
	top:10px;
	background-color:blanchedalmond;
	border-radius:10px;
	padding:5px;
	left:-15px;
	text-shadow:1px 0px black;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	-ms-transform: rotate(315deg);
	-o-transform: rotate(315deg);
	transform: rotate(315deg);
}

.ekirja {
	position:absolute;
	font-weight:bold;
	color: blue;
	top:10px;
	right:-15px;
	background-color:blanchedalmond;
	border-radius:10px;
	padding:5px;
	/*text-shadow:1px 0px black;*/
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.etusivuuutinen {
	/*background-color:#93a3ff;*/
	margin-bottom:1.5em;
	padding:0.5em;
	height:250px;
	overflow:hidden;
}